<script lang="ts" setup>
import { useThemeStore } from '@/store/modules/theme';
import { useAppStore } from '@/store/modules/app';
defineOptions({ name: 'SystemLogo' });
const themeStore = useThemeStore();
const appStore = useAppStore();
</script>

<template>
  <div v-if="appStore.siderCollapse">
    <img class="h-8 w-auto" src="@/assets/imgs/logo-collapse.png" alt="" />
  </div>
  <div v-else>
    <img v-if="themeStore.darkMode" class="h-8 w-auto" src="@/assets/imgs/logo-dark.png" alt="" />
    <img v-else class="h-8 w-auto" src="@/assets/imgs/logo.png" alt="" />
  </div>
</template>

<style scoped></style>
